<template>
  <div class="promptBox">
    <div class="tips">
      <div class="pic">
        <img src="@/assets/prompt.png" alt="" />
      </div>
      <div class="title">是否删除该文档</div>
    </div>
    <div class="btns flex-start">
      <div class="cancel">取消</div>
      <div class="determine">确定</div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.promptBox{
    width: 213px;
    height: 88px;
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(24,33,56,0.28);
    border-radius: 8px;
    position: absolute;
    .tips{
        height: 22px;
        line-height: 22px;
        margin-top: 16px;
        .pic{
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-left: 16px;
            vertical-align: top;
            img{
                width: 100%;
            }
        }
        .title{
            display: inline-block;
            height: 22px;
            margin-left: 8px;
            line-height: 22px;
            // vertical-align: top;
        }
    }
    .btns{
        margin-top: 13px;

        .cancel{
            margin-left: 91px;
             width: 49px;
             text-align: center;
             line-height: 22px;
height: 24px;
opacity: 1;
background: #ffffff;
border: 1px solid #c6ccd7;
border-radius: 5px;;
        }
        .determine{
            margin-left: 8px;
            width: 49px;
height: 24px;
opacity: 1;
background: #304eec;
border-radius: 4px;
text-align: center;
             line-height: 22px;
             color: #fff;
        }
    }

}

</style>
